<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
	ul,li{
		margin:0;
		padding:0;
	}
		.s1{
			position: relative;
		    width: 160px;
		    height: 200px;
		    border: 1px solid #e2e2e2;
		    margin: 0 auto 10px;
		    overflow: hidden;
		}
		.s1 .box{
			width:150px;
			height:200px;
		}
		.s1 .box .content{
			width:100%;
		}
		.s1 .content li{
			height:40px;
			border-bottom: 1px dashed #e2e2e2;
			line-height: 40px;
		}
		.s1 .track{
			position: absolute;
			top: 0;
			right:0;
			width:4px;
			height:100%;
		}
		.s1 .track div{
			width:4px;
			background: #999;
		}
	</style>
</head>
<body>
	<div class="s1">
		<div class="box">
			<ul class="content">
				<li>还是</li>
				<li>还是</li>
				<li>还是</li>
				<li>还是</li>
				<li>还是</li>
				<li>还是</li>
				<li>还是</li>
				<li>还是</li>
			</ul>
		</div>
		<div class="track">
			<div></div>
		</div>
	</div>
</body>

<script src="js/jquery.js"></script>
<script src="js/jquery.scrollbar.js"></script>
<script>
$(document).ready(function(){
	$(".s1").scrollbar()
})
</script>
</html>